<template>
    <div class="list">
        <div class="header">
          <router-link style="margin-right:1rem;color: black;" :to="{ name:'UserCenter'}">
            <van-icon name="arrow-left" size="1.3rem"/>
          </router-link>
          <h3>设置</h3>
        </div>

        <div class="banner">
          <h4>个人信息完善</h4>
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>

        <div class="banner">
          <h4>清楚缓存图片</h4>
        </div>

        <div class="banner">
          <h4>绑定微信账号</h4>
          
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>

        <div class="banner">
          <h4>帮助中心</h4>
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>

        <div class="banner">
          <h4>意见反馈</h4>
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>

        <div class="banner">
          <h4>推荐有奖</h4>
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>

        <div class="banner">
          <h4>关于我们</h4>
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>

        <div class="banner">
          <h4>检查更新</h4>
          <router-link class="teshu" :to="{ name:'UserCenter'}">
            <van-icon name="arrow" size="1.3rem"/>
          </router-link>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  *{
    margin: 0;padding: 0;
  }
  .header{
    width: 100%;
    height: 3rem;
    line-height:3rem;
    background-color: #fff;
  }
  .header .van-icon{
    margin: 1rem;
  }
  .header h3{
    float: right;
    margin-right:42%;
  }
  .banner{
    margin-top:0.5rem;
    height: 3rem;
    line-height:3rem;
    background-color:#fff;
    padding: 0.5rem 1rem;
  }
  .banner h4{
    float: left;
    width: 30%;
    line-height:3rem;
  }
   
  .teshu{
    color: black;
      float:right;
  }
  .end{
    text-align: center;
    height:3rem;
    line-height: 3rem;
    background-color: #fff;
    margin-top: 2rem;
  }
</style>
